@import url("https://fonts.googleapis.com/css?family=Oswald");

* {
  /* 盒子大小不包括外边距 */
  box-sizing: border-box;
}

body {
  /* 字体 */
  font-family: "Oswald", sans-serif;
  /* 文本居中 */
  text-align: center;
  /* 溢出隐藏 */
  overflow: hidden;
  /* 外边距 */
  margin: 0;
}
h3 {
  /* 下外边距 */
  margin-bottom: 0;
  /* 文本居中 */
  text-align: center;
}

small {
  /* 转块级元素 */
  display: block;
  /* 下外边距 */
  margin-bottom: 20px;
  /* 文本居中 */
  text-align: center;
}
.fa-heart {
  /* 文本颜色 */
  color: red;
}
.loveMe {
  /* 高 */
  height: 440px;
  /* 宽 */
  width: 300px;
  /* 背景图片 */
  background: url("https://images.unsplash.com/photo-1504215680853-026ed2a45def?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80")
    no-repeat center center/cover;
  /* 外边距 */
  margin: auto;
  /* 光标小手 */
  cursor: pointer;
  /* 最大宽度 */
  max-width: 100%;
  /* 相对定位 */
  position: relative;
  /* 盒子阴影 */
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  /* 溢出隐藏 */
  overflow: hidden;
}
.loveMe .fa-heart {
  /* 绝对定位 */
  position: absolute;
  /* 做动作 */
  animation: grow 0.6s linear;
  /* 平移加缩放 */
  transform: translate(-50%, -50%) scale(0);
}
@keyframes grow {
  to {
    /* 平移加缩放 */
    transform: translate(-50%, -50%) scale(10);
    /* 透明度 */
    opacity: 0;
  }
}
